/* #ifndef APP-PLUS-NVUE */
page {
    min-height: 100%;
    height: auto;
}
/* #endif */

/* 解决头条小程序字体图标不显示问题，因为头条运行时自动插入了span标签，且有全局字体 */
/* #ifdef MP-TOUTIAO */
/* text :not(view) {
    font-family: uniicons;
} */
/* #endif */

.uni-icon {
    font-family: uniicons;
    font-weight: normal;
}

.uni-container {
    padding: 15px;
    background-color: #f8f8f8;
}

.uni-header-logo {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    padding: 15px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10rpx;
}

.uni-header-image {
    width: 80px;
    height: 80px;
}

.uni-hello-text {
    margin-bottom: 20px;
}

.hello-text {
    color: #7A7E83;
    font-size: 14px;
    line-height: 20px;
}

.hello-link {
    color: #7A7E83;
    font-size: 14px;
    line-height: 20px;
}

.uni-panel {
    margin-bottom: 12px;
}

.uni-panel-h {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    background-color: #ffffff;
    flex-direction: row !important;
	/* justify-content: space-between !important; */
    align-items: center !important;
    padding: 12px;
	/* #ifdef H5 */
	cursor: pointer;
	/* #endif */
}
/*
.uni-panel-h:active {
    background-color: #f8f8f8;
}
 */
.uni-panel-h-on {
    background-color: #f0f0f0;
}

.uni-panel-text {
    flex: 1;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.uni-panel-icon {
    margin-left: 15px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    transform: rotate(0deg);
    transition-duration: 0s;
    transition-property: transform;
}

.uni-panel-icon-on {
    transform: rotate(180deg);
}

.uni-navigate-item {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    flex-direction: row;
    align-items: center;
    background-color: #FFFFFF;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-top-width: 1px;
    padding: 12px;
	/* #ifdef H5 */
	cursor: pointer;
	/* #endif */
}

.uni-navigate-item:active {
    background-color: #f8f8f8;
}

.uni-navigate-text {
    flex: 1;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.uni-navigate-icon {
    margin-left: 15px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

/* 基础样式 */
.uni-bold {
    font-weight: bold;
}

.uni-btn-v {
    padding: 10rpx 0;
}

/* 表单样式 */
.uni-form-item {
    flex-direction: row;
    align-items: center;
    padding: 20rpx 0;
    border-bottom-style: solid;
    border-bottom-width: 1rpx;
    border-bottom-color: #eee;
}

.uni-label {
    width: 210rpx;
    text-indent: 20rpx;
}

.uni-input {
    flex: 1;
}

/* 列表样式 */
.uni-list-cell {
    flex-direction: row;
    align-items: center;
    padding: 20rpx 30rpx;
    border-bottom-style: solid;
    border-bottom-width: 1rpx;
    border-bottom-color: #eee;
}

.uni-list-cell-left {
    font-size: 28rpx;
    padding: 0 30rpx;
}

.uni-list-cell-right {
    flex: 1;
    text-align: right;
    color: #999;
    font-size: 28rpx;
}

/* 卡片样式 */
.uni-card {
    margin: 20rpx;
    background-color: #fff;
    border-radius: 10rpx;
    overflow: hidden;
}

.uni-card-header {
    position: relative;
    flex-direction: row;
    padding: 20rpx 30rpx;
    justify-content: space-between;
    align-items: center;
}

.uni-card-content {
    padding: 20rpx 30rpx;
}

.uni-card-footer {
    padding: 20rpx 30rpx;
    border-top-style: solid;
    border-top-width: 1rpx;
    border-top-color: #eee;
}

/* 按钮样式 */
.uni-btn {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20rpx 30rpx;
    border-radius: 10rpx;
    background-color: #007aff;
    color: #fff;
    font-size: 28rpx;
}

.uni-btn-default {
    background-color: #f8f8f8;
    color: #333;
}

.uni-btn-primary {
    background-color: #007aff;
    color: #fff;
}

/* 文本样式 */
.uni-text {
    font-size: 28rpx;
    color: #333;
    line-height: 1.5;
}

.uni-text-small {
    font-size: 24rpx;
}

.uni-text-large {
    font-size: 32rpx;
}

/* 布局样式 */
.uni-flex {
    flex-direction: row;
}

.uni-flex-column {
    flex-direction: column;
}

.uni-flex-1 {
    flex: 1;
}

.uni-justify-center {
    justify-content: center;
}

.uni-align-center {
    align-items: center;
}

.uni-text-center {
    text-align: center;
}

.uni-text-left {
    text-align: left;
}

.uni-text-right {
    text-align: right;
}

/* 间距样式 */
.uni-padding {
    padding: 20rpx;
}

.uni-margin {
    margin: 20rpx;
}

.uni-padding-top {
    padding-top: 20rpx;
}

.uni-padding-bottom {
    padding-bottom: 20rpx;
}

.uni-padding-left {
    padding-left: 20rpx;
}

.uni-padding-right {
    padding-right: 20rpx;
}

.uni-margin-top {
    margin-top: 20rpx;
}

.uni-margin-bottom {
    margin-bottom: 20rpx;
}

.uni-margin-left {
    margin-left: 20rpx;
}

.uni-margin-right {
    margin-right: 20rpx;
}
